<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0" />
	<title>  小说阅读器  - intlsy-neko </title>
	<link rel="stylesheet" type="text/css" href="src/Semantic-UI/semantic.min.css" />
	<script src="src/jquery/jquery.js"> </script>
	<script src="src/jquery/jquery.form.min.js"> </script>
	<script src="src/Semantic-UI/semantic.min.js"></script>
	<script src="src/art-template/template-web.js"></script>

	<script src="src/core.js"> </script>
	<script> InitCore() </script>
	
<script src="src/md5/md5.min.js"></script>
<script src="src/novel.js"></script>

	<style>
	.ui.header > .icon{
		font-size: 1em !important;
	}
	div.word_button_sidebyside{
		display: flex;
		justify-content: space-between;

	}
	</style>
</head>
<body style="position: relative; margin-top: 30px; height: calc(100% - 30px); overflow-y: overlay; background-color: #f6f6f6">
	<div id="root">
		<div class="ui top borderless menu fixed">
			<div class="ui container">
				<a class="item" href="/" style="font-weight: 700; font-size: 16px; padding-top: 0px; padding-bottom: 0px;"> intlsy neko </a>
				<a class="item" href="/"><i aria-hidden="true" class="home active icon"></i>首页</a>
				<a class="item" href="/notebook.html"><i aria-hidden="true" class="pencil icon"></i>Notebook</a>
				<a class="item" href="/novel.html"><i aria-hidden="true" class="book icon"></i>英文小说</a>
				<a class="item" href="/settings.html"><i aria-hidden="true" class="cogs icon"></i>选项</a>
				<!-- <a class="item" href="/errbook.html"><i aria-hidden="true" class="book icon"></i>错题本</a> -->
			</div>
		</div>
		<div class="ui doubling stackable grid container">
			
<div class="ui centered column" style="width: 100%">
	<div class="ui row">
	    <div class="ui column">
			<div class="right ui internal very close rail" style="overflow-y: scroll; overflow-x: warp; padding-left: 0; margin-left: 0; width: 200px">
				<div id="trans-result" class="ui sticky">
					点击任意单词以开始翻译
				</div>
			</div>
			<div id="novel-content" style="font-size: 1.5em; line-height: 1.5em; width: calc( 100% - 200px )">
			</div>
		</div>
	</div>
	<div class="ui one column centered grid" style="margin-top: 20px">
		<div class="ui row">
			<div class="ui buttons">
				<button class="ui button" id="page_left"><i class="angle left icon"></i></button>
				<button class="ui button" id="page_current"></button>
				<button class="ui button" id="page_right"><i class="angle right icon"></i></button>
			</div>
		</div>
	</div>
</div>

<script>
	InitNovel()
</script>

		</div>
	</div>
	<script> RenderSemanticUI() </script>
</body>
</html>